/**
 * 学习目标：创建类组件
 */
import React from 'react';
import ReactDOM from 'react-dom';

// 创建上，💥
// 1. 组件名字首字母大写
// 2. class extends是关键字，写死
// 3. React.Component是React对象的固定属性名，也要写死
// 4. render是钩子函数，不提供报错。render负责返回JSX或null
class App extends React.Component {
  render() {
    return null;
  }
}

const divNode = (
  <div>
    {/* 使用上：💥函数式与类组件用法完全相同 */}
    <App></App>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
